import styled from 'styled-components'

export let HomeListStyled = styled.div`
    width:100%;
    box-sizing:border-box;
    padding:0.1rem;
    margin-top:0.12rem;
    background:#fff;
    h2{
        font-size:0.19rem;
        color:#ec453c;
        text-align:center;
        margin-bottom:0.08rem;
    }
    dl{
        display:flex;
        justify-content:space-between;
        margin-bottom:0.12rem;
        dd{
            width:1.63rem;
            height:1.63rem;
            border-radius:0.08rem;
            overflow:hidden;
            img{
                width:100%;
                height:100%;
            }
        }
        dt{
            width:1.82rem;
            padding-top:0.1rem;
            h5{
                font-size:0.14rem;
                height: 0.4rem;
                word-break: break-all;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            p{
                font-size:0.12rem;
                color:#9e9e9e;
            }
            div{
                width:100%;
                height:0.18rem;
                margin-top:0.25rem;
                display:flex;
                justify-content:space-between;
                align-items:center;
                h3{
                    color:#ff4336;
                    font-size:0.12rem;
                    span{
                        font-size:0.18rem;
                    }
                }
                h4{
                    font-size:0.13rem;
                    color:#999;
                }
            }
            i{
                display:inline-block;
                background-color: #fef3e9;
                padding: 0.03rem 0.1rem;
                color: #eb6534;
                font-size: 0.1rem;
                margin-right: 0.02rem;
                border-radius: 0.05rem;
                margin-top:0.07rem;
            }
        }
    }
`